$menuBg:#ffffff;
$menuText:#5F7390;
$menuActiveText:#4a5dff;

:root{
  --color-default:#9A9DA3;
  --color-success:#00A870;
  --color-primary:#4a5dff;
  --color-warning:#FEAB3F;
  --color-danger: #FC5E65;
  --color-text:rgba#303133;
  --color-text-normal:#606266;
  --color-text-descripe:#909399;
  --color-text-active:var(--color-primary);
  --color-white:#ffffff;
  //最新宽度及高度
  --min-width:970px;
  --min-height:514px;
  //正文字体颜色
 
  // header
  --header-bg:var(--color-primary);
  --header-height:50px;
  --header-color:var(--color-white);
  // sidebar
  --menu-text:#5F7390;
  --menu-active-text:var(--color-primary);
  --sub-menu-active-text:var(--color-primary);
  --menu-hover-text:var(--color-primary);
  --menu-bg:var(--color-white);
  --sub-menu-bg:var(--color-white);
  --menu-hover:#E9F0FF;
  --sub-menu-hover:#E9F0FF;
  --side-bar-width: 208px;


  
  --background-color:#F4F5F9;
  --border-color:#E4E7ED;
  --font-size:14px;
  --font-size-lg:16px;
  --line-height:1.5714;
  --line-height-lg:1.5;
  --padding:16px;
  --margin-lg:24px;
  --margin-xxl:48px;
  --item-border-color:#EBEEF5;
  --list-item-padding: 12px 10px;
  --list-avatar-margin-right:16px;
  --list-title-margin-bottom:8px;
  --list-meta-margin-bottom:10px;
  --list-content-margin-top:10px;
}

:export {
  menuBg: $menuBg;
  menuText: $menuText;
  menuActiveText: $menuActiveText;
}